
/**
 * 系统主页的顶部区域，主要放置系统名称，菜单，和一些快捷按钮
 */
Ext.define('app.main.region.Top', {

    extend: 'Ext.toolbar.Toolbar',

    alias: 'widget.maintop', // 定义了这个组件的xtype类型为maintop

    uses: ['app.ux.ButtonTransparent'],

    defaults: {
        xtype: 'buttontransparent'
    },

    style: 'background-color : #cde6c7',

    height: 40,

    items: [{
        xtype: 'image',
        bind: { // 数据绑定到MainModel中data的system.iconUrl
            hidden: '{!systemInfo.iconUrl}', // 如果system.iconUrl未设置，则此image不显示
            src: '{systemInfo.iconUrl}' // 根据system.iconUrl的设置来加载图片
        }
    }, {
        xtype: 'label',
        bind: {
            html: '<a title="{systemInfo.version}" href="/prm/summary/Index" target="_blank">{systemInfo.name}</a>'
        },
        style: 'font-size:20px;color:blue;'
    },
    //{
    //    xtype: 'label',
    //    style: 'color:grey;',
    //    bind: {
    //        text: '({systemInfo.version})'
    //    }
    //    //}, '->', ' ', ' ', {
    //    //    text: '首页',
    //    //    glyph: 0xf015,
    //    //    handler: 'onHomePageButtonClick'
    //    //}, {
    //    //    text: '帮助',
    //    //    glyph: 0xf059
    //    //}, {
    //    //    text: '关于',
    //    //    glyph: 0xf06a
    //},
    //{
    //    text: '<span style="color:blue">后台管理</span>',
    //    handler: function () {
    //        window.open('/Mpa/Home/Index');
    //    }
    //},
    '->', '->', {
            text: '关闭全部',
            glyph: 0xf056,
            handler: 'onCloseAllTab'
        }, {
        text: '注销',
        glyph: 0xf011,
        handler: 'onLogOutButtonClick'
        }, {
            text: '刷新',
            glyph: 0xf021,
            handler: function ()
            {
                window.location.reload();
            }
        }, {
        glyph: 0xf102,
        handler: 'hiddenTopBottom',
        tooltip: '隐藏顶部和底部区域',
        disableMouseOver: true
    }]

});